@import './vwsearch';

header{
    background-color: #211d1c;
    height: vw(100);
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-bottom: 1px solid #524e4d;
    img{
        width: vw(53);
        height: vw(53);
    }
    .search-border{
        width: vw(547);
        height: vw(60);
        border: 1px solid #fff;
        border-radius: vw(36);
        display: flex;
        align-items: center;
        padding-left: vw(15);
        color: #808080;
        margin-left: vw(10);
        i{
            font-size: 30px;
            color: #fff;
            margin-right: vw(10);
        }
        input{
            // width: 100%;
            font-size: vw(30);
            border: none;
            outline: none;
            background-color: #211d1c;
        }
    }
}

.sign-in{
    width: 100%;
    height: vw(410);
    background-color: #21201e;
    display: flex;
    justify-content: center;
    align-items: center;
    .head{
        width: vw(147);
        height: vw(239);
        display: flex;
        align-content: space-between;
        flex-wrap: wrap;
        img{
            height: vw(147);
        }
        a{
            height: vw(20);
            line-height: vw(27);
            text-align: center;
            // text-decoration: line-through #464646;
            text-decoration: underline #464646;
            color: #464646;
            width: vw(144); 
            p{
                height: vw(30);
                line-height: vw(30);
                font-size: vw(36);
                text-align: center;
                width: vw(144);
                color: #fff;
            }
        }
        
    }
}

.graybg{
    height: vw(28);
    background-color: #303030;
}

.resource{
    height: vw(800);
    padding: vw(38) 0 0 vw(41);
    box-sizing: border-box;
    background-color: #222222;
    overflow-y: scroll;
    div{
        height: vw(94);
        width: vw(640);
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #343434;
        text-align: center;
        line-height: vw(80);
        padding-top: 1vw;
        box-sizing: border-box;
        span{
            font-size: vw(27);
            color: #fff;
        }
        i{
            font-size: vw(30);
            color: #fff;
        }
    }
    div:nth-child(1){
        padding-top: 10px;
    }
    div:nth-child(4){
        border-bottom: none;
    }
}